<button [disabled]="disabled" type="button" class="menu" (click)="showModal('json')">
  <eo-iconpark-icon name="afferent-three" size="14px"></eo-iconpark-icon>
  <span class="fs12 ml5" i18n>Import</span>
</button>
<!-- <span class="menu" nz-dropdown [nzDropdownMenu]="menu">
  <i class="fs24 iconfont icon-daoru"></i>
    <span i18n>Import</span>
</span>
<nz-dropdown-menu #menu="nzDropdownMenu">
  <ul nz-menu nzSelectable>
    <li nz-menu-item (click)="showModal('json')">JSON</li>
    <li nz-menu-item>JSON Schame</li>
  </ul>
</nz-dropdown-menu> -->

<nz-modal [(nzVisible)]="isVisible" i18n-[nzTitle] [nzTitle]="'Import ' + (modalTitle || contentTypeTitle)"
  [nzStyle]="{ width: '800px' }" (nzOnCancel)="handleCancel()">
  <div *nzModalContent>
    <pre class="eg" i18n>Import like this:<br />{{ eg }}</pre>
    <eo-monaco-editor [(code)]="paramCode" [editorType]="contenTypeEditor"
      [eventList]="['type', 'format', 'copy', 'search', 'replace']"></eo-monaco-editor>
  </div>
  <div *nzModalFooter style="text-align: left">
    <button nz-button nzType="default" (click)="handleImport('mixin')" i18n>Replace Changed</button>
    <button nz-button nzType="default" (click)="handleImport('overwrite')" i18n>Replace All</button>
    <button nz-button nzType="default" (click)="handleImport('append')" i18n>Insert at the end</button>
    <button nz-button nzType="default" (click)="handleCancel()" i18n>Cancel</button>
  </div>
</nz-modal>
